<template>
  <view class="content">
    <text style="font-size: 32rpx; font-weight: bold; margin-bottom: 20rpx; display: block;">子组件A</text>
    
    <!-- 展示父组件传递的值 -->
    <view class="coma_box" style="margin-bottom: 30rpx; padding: 20rpx; background: #f5f5f5; border-radius: 10rpx;">
      <text style="font-size: 26rpx;">父组件传进来的值:</text>
      <text style="font-weight: bold; color: red; font-size: 28rpx; margin-left: 10rpx;">{{ intent || '暂无' }}</text>
    </view>

    <!-- 给兄弟组件B传值的按钮 -->
    <button 
      type="primary" 
      @click="sendData()" 
      style="width: 100%;"
    >
      传值给CompB组件
    </button>
  </view>
</template>

<script>
export default {
  // 接收父组件传递的属性（props是单向数据流，不可修改）
  props: ['intent'], 
  methods: {
    // 给兄弟组件B传值（通过全局事件）
    sendData() {
      if (!this.intent) {
        uni.showToast({ title: '请先在父组件输入值', icon: 'none' });
        return;
      }
      console.warn("----子组件A发送值给B--->" + this.intent);
      // 触发全局事件，传递值给兄弟组件B
      uni.$emit('getIntent', this.intent);
    }
  }
};
</script>

<style scoped>
.content {
  padding: 20rpx;
  background: #fff;
  border-radius: 10rpx;
  box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05);
}
</style>